<template>
  <ul>
    <li>
      <lbr-button>Default</lbr-button>
    </li>
    <li>
      <lbr-button type="primary">success</lbr-button>
    </li>
    <li>
      <lbr-button type="success">success</lbr-button>
    </li>
    <li>
      <lbr-button type="warning">warning</lbr-button>
    </li>
    <li>
      <lbr-button type="error">error</lbr-button>
    </li>
    <li>
      <lbr-button type="warning" loading>loading</lbr-button>
    </li>
    <li>
      <lbr-button :radius="50">圆角</lbr-button>
    </li>
    <li>
      <lbr-button :radius="50" type="error" :disabled="true">禁止点击</lbr-button>
    </li>

  </ul>
</template>
<script>
// import {LbrButton} from '@/packages/index'
export default {
  name: "button",
  data() {
    return {
      value: '',
      value2: false,
      id: '123',
      index: 0,
    }
  },
  methods: {
    changeSwitch(checked, id, index) {
      console.log(index)
    }
  }
};
</script>
<style scoped lang='scss'>
ul {
  li {
    margin-bottom: 20px;
  }
}
</style>
